@n: 4;
.login-animation-loop(@i:1) when (@i <= @n) {
	.login-animation@{i} {
		opacity: 0;
		animation-name: error-num;
		animation-duration: 0.5s;
		animation-fill-mode: forwards;
		animation-delay: (@i / 10s);
	}
	.login-animation-loop(@i + 1);
}
.el-form {
	.login-animation-loop();
	.el-form-item {
		.el-input {
			height: 40px;
		}
	}
	.login-animation3 {
		:deep(.el-form-item__content) {
			display: grid;
			grid-template-columns: 1fr 132px;
			grid-column-gap: 20px;
			.login-content-code {
				.prohibitCopying();

				display: grid;
				align-items: center;
				justify-content: center;
				height: 40px;
				font-weight: bold;
				letter-spacing: 5px;
				cursor: pointer;
				border: 1px solid #dddddd;
				border-radius: 5px;
				&:hover {
					color: #409eff;
				}
			}
		}
	}
	.submitBtn {
		.prohibitCopying();

		display: grid;
		align-items: center;
		justify-content: center;
		height: 40px;
		margin-top: 40px;
		overflow: hidden;
		color: #ffffff;
		letter-spacing: 5px;
		cursor: pointer;
		background-color: #409eff;
		border-radius: 20px;
	}
	.password {
		cursor: pointer;
	}
}
